.left-div {
    background-color: blue;
    width: 33%;
    display: inline-block;
    float: left;

}

.center-div {
    background-color: yellow;
    width: 33%;
    display: inline-block;
    float: none;
    background-color: rgba(200,200,200,0.5);
}

.right-div {
    background-color: red;
    width: 33%;
    display: inline-block;
    float: right;
    background-color: rgba(200,200,200,0.5);
}

.top-div {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    position: relative;
    padding-top: 15px;
}

.top-img-div {
    width: 80px;
    height: 80px;
    border: 4px solid white;
    border-radius: 50%;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    top: 15%;
    left: 10%;
    bottom: 0;
    right: 90%;
}
.card{
    width: 150px;
    height: 150px;
}
.card-body{
    border-radius: 50%;
    width: 80px;
    height: 80px;
    font-size: 60px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    top: 12.5%;
    left: 0;
    bottom: 0;
    right: 0;
}
.top-title-div {
    margin: 0 auto;
    display: inline-block;
    height: 80px;
}

.total-div {
    padding-top: 20px;
    text-align: center;
    vertical-align: center;
}
/*.total-item-div{*/
/*width: 407px;*/
/*margin: 20px;*/
/*height: 100px;*/
/*background: #00B83F;*/
/*}*/

/*.total-item-left-div{*/
/*width: 100px;*/
/*height: 100px;*/
/*float: left;*/
/*display: inline-block;*/
/*background: #B5D1D8;*/
/*}*/

/*.total-item-right-div{*/
/*width: 307px;*/
/*float: right;*/
/*height: 100px;*/
/*display: inline-block;*/
/*background: #333333;*/
/*}*/
/*.total-item-right-top-div{*/
/*height: 70px;*/
/*}*/
/*.total-item-right-bottom-div{*/
/*height: 30px;*/
/*background: hotpink;*/
/*}*/
.middle-div{
    background: darkviolet;
    height: 350px;
    width: 453px;
}
/*小盒子鼠标悬停样式*/
/*.small-box:hover{*/
/*!*color: #333;*!*/
/*background-color: #00A3CB;*/
/*}*/
/*小盒子鼠标悬停样式*/
.small-box-diy1:hover{

    background-color: #3c8dbc;
}
/*小盒子鼠标悬停样式*/
.small-box-diy2:hover{

    background-color: #19b3d8;
}
/*小盒子鼠标悬停样式*/
.small-box-diy3:hover{

    background-color: #436b9d;
}
/*小盒子鼠标悬停样式*/
.small-box-diy4:hover{

    background-color: #65d0ea;
}
/*小盒子鼠标悬停样式*/
.small-box-diy5:hover{

    background-color: #16427b;
}
/*小盒子鼠标悬停样式*/
.small-box-diy6:hover{

    background-color: #bd6464;
}
/*小盒子鼠标悬停样式*/
.small-box-diy7:hover{

    background-color: #ff8989;
}
/*小盒子鼠标悬停样式*/
.small-box-diy8:hover{

    background-color: #ce3e3e;
}
/*小盒子鼠标悬停样式*/
.small-box-diy9:hover{

    background-color: #ff8989;
}
/*小盒子鼠标悬停样式*/
.small-box-diy10:hover{

    background-color: #840e0e;
}
/*小盒子鼠标悬停样式*/
.small-box-diy11:hover{

    background-color: #1bbf99;
}
/*小盒子鼠标悬停样式*/
.small-box-diy12:hover{

    background-color: #99cc66;
}
/*小盒子鼠标悬停样式*/
.small-box-diy13:hover{

    background-color: #51cc96;
}
/*小盒子鼠标悬停样式*/
.small-box-diy14:hover{

    background-color: #9ad09a;
}
/*小盒子鼠标悬停样式*/
.small-box-diy15:hover{

    background-color: #669966;
}

li label{
    cursor:pointer;
}